<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>自适应</title>
    <link rel="stylesheet" href="css/task_5.css">
</head>
<body>
<div class="header">
    <div id="logo"><img src="baidu.gif" alt=""></div>
    <ul id="link">
        <li>导航链接一</li>
        <li>导航链接二</li>
        <li>导航链接三</li>
        <li>导航链接四</li>
    </ul>
</div>
<div class="left">
    <div class="article">
    <h1>文章一级标题</h1>
    <h2>文章二级标题</h2>
    <span>文章作者</span><span>文章发表时间</span>
    <p>&nbsp;&nbsp;这是一个很长很长的段落，这是一个
        这是一个很长很长的段落这是一个很长很长</br>的段落
        这是一个很长很长的段落这是一个很长很长的段落这是
        一个很长很长的段落这是一个很</br>长很长的段落这是一个
        很长很这是一个很长很长的段落长的段落这
        是一个很长很长的段落这是一个很长很长的段
        落很长很长的段落这是一个很长很长的段落</br>
        <img src="img.jpg" alt="" style="width: 60%;height: 100%"></br>
        很长很这是一个很长很长的段落长的段落这
        是一个很长很长的段落这是一个很长很长的段
        落很长很长的段落这是一个很长很长的段落
        <a href="http://ife.baidu.com">链接到百度前端技术学院</a>
        很长很长的段落这是一个很长很长的段很长很长的段落
        这是一个很长很长的段。</p>
    </div>
</div>
<div class="center"></div>
<div class="formRight">
    <div class="vertical"></div>
    <h3>这里以后是一个侧栏，这是侧栏的标题</h3>
    <form action="">
        <label for="">请输入邮箱地址:<input type="email" value="这是一个文本输入框"></label>
        <label for="">请输入邮箱地址:<input type="email" value="这是一个文本输入框"></label>
    </form>
</div>
</body>
</html>